<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <!-- 
        在网页中html专门用来负责网页的结构
            所以在使用html标签时，应该关注的是标签的语义，而不是它的样式
            就是不要关注它长什么样，能用css5来改样子，关注它的意思

            标题标签：
                h1~h6一共有六级标签
                从h1~h6重要性递减，h1最重要，h6最不重要
                h1在网页中的重要性仅次于title标签，一般情况下一个页面只会有一个h1
                一般情况下标题标签只会使用h1~h3，h4~h6很少用
                
                标题标签都是块元素

            在页面中独占一行的元素，称为块元素（block element）
            
                
        -->
    <h1>一级标题</h1>
    <h2>二级标签</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

    <!-- 
        hgroup标签可以用来为标签分组，可以将一组相关的标题同时放到hgroup
            标题组的意思
    -->
    <hgroup>
        <h1>回乡偶书二首</h1>
        <h2>其一</h2>

    </hgroup>

    <!-- 
        p标签表示页面的一个段落

        p也是一个块元素
     -->

     <p>在p标签中的内容表示的是一个段落</p>
     <p>在p标签中的内容表示的是一个段落</p>

     <!-- 
         em标签用于表示语音语调的加重

         在页面当众不会独占一行的元素称为行内元素（inline element）

      -->

      <p>今天天气<em>真</em>不错!</p>

      <!-- 
          strong表示强调，重要内容

          行内元素
       -->

      <p>你今天必须要<strong>完成作业</strong>！</p>

      鲁迅说：
      <!-- blockquote表示一个块元素（表示引用一句话，长引用） -->
      <blockquote>
          这句话我是从来没有说过
      </blockquote>

      <!-- 
          q表示一个短引用
       -->

      子曰<q>学而时习之，不亦说乎</q>

      <!-- 
          br标签表示页面中的换行，写一个换一行，写两个换两行
       -->

       <br>
       <br>
       <br>
       <br>
       <br>
       <br>
       
       今天天气真不错
</body>
</html>
<!-- ctrl+回车能直接让光标下移，而不会带走后面的代码 -->